<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/sub.css" />
		<link rel="stylesheet" type="text/css" href="css/home.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>
	<body>
		<!-- 头部 offCanvasSide-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-pull-left icon-journal journal" href="#"></a>
			<div class="input-wrap mui-clearfix">
				<input type="text" name="" id="search-btn" value="" placeholder="产品  商家  风格  服务类型" />
				<a href="" class="icon-search mui-pull-right"></a>
			</div>
			<a class="mui-pull-right icon-serve server"></a>
		</header>
		<div class="mui-content">
			<!--S进频道看帖子-->
			<div class="home-section-header bg-fff">
				<h1 class="home-section-tit mod-title-30">进频道看帖子</h1>
				<a href="" class="more-href mod-nav">更 多 ></a>
			</div>
			<ul class="mui-table-view mui-grid-view mui-grid-9 home-recom">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:void(0);">
						<span class="mui-icon"></span>
						<div class="mui-media-body">拍婚纱照</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:void(0);">
						<span class="mui-icon grid-jdyd"></span>
						<div class="mui-media-body">婚纱礼服</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:void(0);">
						<span class="mui-icon grid-hlch"></span>
						<div class="mui-media-body">婚礼筹备</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:void(0);">
						<span class="mui-icon grid-hssy"></span>
						<div class="mui-media-body">婚品攻略</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:void(0);">
						<span class="mui-icon grid-mylx"></span>
						<div class="mui-media-body">婚戒首饰</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:void(0);">
						<span class="mui-icon grid-hlzc"></span>
						<div class="mui-media-body">备婚流程</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:void(0);">
						<span class="mui-icon grid-jdyd"></span>
						<div class="mui-media-body">两性情感</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:void(0);">
						<span class="mui-icon grid-hlch"></span>
						<div class="mui-media-body">二手转让</div>
					</a>
				</li>
			</ul>
			<!--E进频道看帖子-->
			
			<!--S筹婚话题-->
			<div class="home-section-header bg-fff mt30">
				<h1 class="home-section-tit mod-title-30">筹婚话题</h1>
				<a href="" class="more-href mod-nav">更 多 ></a>
			</div>
			<div class="topic-wrap bg-fff">
				<div class="topic">
					<div class="topic-header">
						<div class="topic-header-img mui-pull-left">
							<img src="http://placehold.it/60x60"/>
						</div>
						<div class="topic-header-content mui-pull-left">
							<h2 class="mod-title-24">用户昵称</h2>
							<p class="mod-info-20 mt12">2017-02-21</p>
						</div>
					</div>
					<div class="topic-body">
						<h1 class="mod-title-30 mui-ellipsis">话题话题话题话题话题话题话题话题</h1>
						<p class="mod-info-22">话题标题标题标题标题标题标题。标题标题标题题标题，题标题题标 题题标题题标题题标题题标题题标题题标题。题标题题标题题标题题 标</p>
						<div class="topic-body-imgs">
							<img src="http://placehold.it/144x144"/>
							<img src="http://placehold.it/144x144"/>
							<img src="http://placehold.it/144x144"/>
						</div>
					</div>
					<div class="topic-footer">
						<ul class="mod-title-20 mui-pull-right">
							<li><i class="icon-like"></i>202</li>
							<li><i class="icon-collect"></i>202</li>
							<li><i class="icon-comment"></i>202</li>
						</ul>
					</div>
				</div>
				<div class="topic">
					<div class="topic-header">
						<div class="topic-header-img mui-pull-left">
							<img src="http://placehold.it/60x60"/>
						</div>
						<div class="topic-header-content mui-pull-left">
							<h2 class="mod-title-24">用户昵称</h2>
							<p class="mod-info-20 mt12">2017-02-21</p>
						</div>
					</div>
					<div class="topic-body">
						<h1 class="mod-title-30 mui-ellipsis">话题话题话题话题话题话题话题话题</h1>
						<p class="mod-info-22">话题标题标题标题标题标题标题。标题标题标题题标题，题标题题标 题题标题题标题题标题题标题题标题题标题。题标题题标题题标题题 标</p>
						<div class="topic-body-imgs">
							<img src="http://placehold.it/144x144"/>
							<img src="http://placehold.it/144x144"/>
							<img src="http://placehold.it/144x144"/>
						</div>
					</div>
					<div class="topic-footer">
						<ul class="mod-title-20 mui-pull-right">
							<li><i class="icon-like"></i>202</li>
							<li><i class="icon-collect"></i>202</li>
							<li><i class="icon-comment"></i>202</li>
						</ul>
					</div>
				</div>
				<div class="topic">
					<div class="topic-header">
						<div class="topic-header-img mui-pull-left">
							<img src="http://placehold.it/60x60"/>
						</div>
						<div class="topic-header-content mui-pull-left">
							<h2 class="mod-title-24">用户昵称</h2>
							<p class="mod-info-20 mt12">2017-02-21</p>
						</div>
					</div>
					<div class="topic-body">
						<h1 class="mod-title-30 mui-ellipsis">话题话题话题话题话题话题话题话题</h1>
						<p class="mod-info-22">话题标题标题标题标题标题标题。标题标题标题题标题，题标题题标 题题标题题标题题标题题标题题标题题标题。题标题题标题题标题题 标</p>
						<div class="topic-body-imgs">
							<img src="http://placehold.it/144x144"/>
							<img src="http://placehold.it/144x144"/>
							<img src="http://placehold.it/144x144"/>
						</div>
					</div>
					<div class="topic-footer">
						<ul class="mod-title-20 mui-pull-right">
							<li><i class="icon-like"></i>202</li>
							<li><i class="icon-collect"></i>202</li>
							<li><i class="icon-comment"></i>202</li>
						</ul>
					</div>
				</div>
				<div class="topic">
					<div class="topic-header">
						<div class="topic-header-img mui-pull-left">
							<img src="http://placehold.it/60x60"/>
						</div>
						<div class="topic-header-content mui-pull-left">
							<h2 class="mod-title-24">用户昵称</h2>
							<p class="mod-info-20 mt12">2017-02-21</p>
						</div>
					</div>
					<div class="topic-body">
						<h1 class="mod-title-30 mui-ellipsis">话题话题话题话题话题话题话题话题</h1>
						<p class="mod-info-22">话题标题标题标题标题标题标题。标题标题标题题标题，题标题题标 题题标题题标题题标题题标题题标题题标题。题标题题标题题标题题 标</p>
						<div class="topic-body-imgs">
							<img src="http://placehold.it/144x144"/>
							<img src="http://placehold.it/144x144"/>
							<img src="http://placehold.it/144x144"/>
						</div>
					</div>
					<div class="topic-footer">
						<ul class="mod-title-20 mui-pull-right">
							<li><i class="icon-like"></i>202</li>
							<li><i class="icon-collect"></i>202</li>
							<li><i class="icon-comment"></i>202</li>
						</ul>
					</div>
				</div>
			</div>
			<!--E筹婚话题-->
		</div>
		<!--脚部-->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="index.html" data-id="index">
				<span class="foot-icon icon-home"></span>
				<span class="foot-icon-active icon-homeA"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="discover.html" data-id="discover">
				<span class="foot-icon icon-discover"></span>
				<span class="foot-icon-active icon-discoverA"></span>
				<span class="mui-tab-label">发现</s pan>
			</a>
			<a class="mui-tab-item mui-active" href="newsay.html" data-id="newsay">
				<span class="foot-icon icon-say"></span>
				<span class="foot-icon-active icon-sayA"></span>
				<span class="mui-tab-label">新人说</span>
			</a>
			<a class="mui-tab-item" href="shop.html" data-id="shop">
				<span class="foot-icon icon-shop"></span>
				<span class="foot-icon-active icon-shopA"></span>
				<span class="mui-tab-label">商城</span>
			</a>
			<a class="mui-tab-item" href="myshemher.html" data-id="myshemher">
				<span class="foot-icon icon-personal"></span>
				<span class="foot-icon-active icon-personal"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>

		<script src="js/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mod.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>